<template>
	<view>
		<view class="sendData">{{data.sender}}</view>
		<view class='dateuser'>
			<u-icon name="clock"></u-icon><text>{{data.date| datafliet}}</text>
			<u-icon name="email"></u-icon><text> {{data.recipients}}</text>
		</view>
		<view class="hremetitle"> {{data.theme}}</view>
		<view v-html='data.content'></view>
	
	</view>
</template>

<script>
	 import {getState} from '../../../../store'
	 import dayjs from 'dayjs'
	export default{
		data(){
			return {
				data:{}
			}
		},
		mounted() {
			// getState()
			this.data = getState('Emali','EmailMessages')
		},
		filters:{
			datafliet(e){
				console.log(e)
				return dayjs(e).format('YYYY-MM-DD')
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.hremetitle{
		text-align: -webkit-center;
		 font-size: 1rem;
		 font-weight: 600;
		 height: 60rpx;
	}
	.dateuser{
		height: 60rpx;
		font-size: 26rpx;
	}
	.sendData{
		font-size: 30rpx;
		    font-weight: bold;
		    height: 60rpx;
	}
</style>
